<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/conmon.css">
    <link rel="stylesheet" href="./css/liebiao.css">
</head>
<body>
    <header id="header">
        <span id="fh"><a href="index.html"><</a></span>
        <div class="input">
            <input type="text" id="inpu" placeholder="请输入搜索词"><span class="iconfont icon-sousuo"></span>
        </div>
    </header>
    <main id="main">
        <ul class="lb">
            <li class="xs"><a href="#cate1">热门推荐</a></li>
            <li><a href='#cate2'>家用电器</a></li>
            <li><a href='#cate3'>电脑办公</a></li>
            <li><a href='#cate4'>手机数码</a></li>
            <li><a href='#'>计生情趣</a></li>
            <li><a href='#'>美妆护肤</a></li>
            <li><a href='#'>个护清洁</a></li>
            <li><a href='#'>汽车生活</a></li>
            <li><a href='#'>乐购超市</a></li>
            <li><a href='#'>运动户外</a></li>
            <li><a href='#'>图书音像</a></li>
            <li><a href='#'>酒水饮料</a></li>
        </ul>
        <ul id="tu">
            <li>
                <h4 id="cate1">热门推荐</h4>
                <ul>
                    <li>
                        <a href="">
                            <img src="./images/cagegory-img01.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img02.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img03.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img04.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img05.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img06.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img07.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img08.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img09.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>
                </ul>
            </li>

            <li >
                <h4 id="cate2">家用电器</h4>
                <ul>
                    <li>
                        <a href="">
                            <img src="./images/cagegory-img01.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img02.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img03.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img04.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img05.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img06.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img07.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img08.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img09.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>
                </ul>
            </li>


            <li>
                <h4 id="cate3">电脑办公</h4>
                <ul>
                    <li>
                        <a href="">
                            <img src="./images/cagegory-img01.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img02.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img03.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img04.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img05.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img06.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img07.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img08.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img09.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>
                </ul>
            </li>


            <li>
                <h4 id="cate4">手机数码</h4>
                <ul>
                    <li>
                        <a href="">
                            <img src="./images/cagegory-img01.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img02.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img03.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img04.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img05.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img06.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img07.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img08.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>

                    <li>
                        <a href="">
                            <img src="./images/cagegory-img09.png" alt="">
                            <p>手机</p>
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </main>
    

    <script src="./lib/jquery.js"></script>
    <script src="./js/liebiao.js"></script>
</body>
</html>